<link rel="stylesheet" href="templates/authority/common/css/zTreeStyle.css"/>
<link rel="stylesheet" href="templates/authority/qxgl/css/qxgl.css"/>
<link rel="stylesheet" href="templates/authority/sendedMessage/css/sendedMsg.css"/>
<div id="messagestatistic">
    <div class="pd14 vany_authority" style="padding: 14px;">
        <div class="vany_treeTable pd14">
            <div id="crumbs">
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ path: '/' }">消息管理</el-breadcrumb-item>
                    <el-breadcrumb-item onclick="jumpToSended()">已发消息</el-breadcrumb-item>
                    <el-breadcrumb-item onclick="jumpToDetail()">消息详情</el-breadcrumb-item>
                    <el-breadcrumb-item>消息统计</el-breadcrumb-item>
                </el-breadcrumb>
            </div>
        </div>
    </div>
    <div class="pd14 vany_authority" style="padding: 0 14px 14px 14px;">
        <el-row :gutter="18">
            <el-col :span="12">
                <div style="background-color: #fff;padding-top:10px;">
                    <div style="padding: 0 10px">
                        <el-col :span="12"><b>消息查阅统计</b></el-col>
                        <el-col :span="12">
                            <el-row type="flex" justify="end">
                                <span class="span_ed"></span>已查阅<span class="span_un"></span>未查阅
                            </el-row>
                        </el-col>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="13">
                                <div id="msg-consult-chart" style="width:100%; height:250px;"></div>
                            </el-col>
                            <el-col :span="10">
                                <table class="chart-tab table table-hover table-bordered" id="consult-tab">
                                    <tr>
                                        <td>总数</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>已查阅</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>未查阅</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>查阅率</td>
                                        <td></td>
                                    </tr>
                                </table>
                            </el-col>
                            <el-col :span="1"></el-col>
                        </el-row>
                    </div>
                </div>
            </el-col>
            <el-col :span="12">
                <div style="background-color: #fff;padding-top:10px;">
                    <div style="padding: 0 10px">
                        <el-col :span="12"><b>消息确认统计</b></el-col>
                        <el-col :span="12">
                            <el-row type="flex" justify="end">
                                <span class="span_ed"></span>已确认<span class="span_un"></span>未确认
                            </el-row>
                        </el-col>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="13">
                                <div id="msg-confirm-chart" style="width:100%; height:250px;"></div>
                            </el-col>
                            <el-col :span="10">
                                <table class="chart-tab table table-hover table-bordered" id="confirm-tab">
                                    <tr>
                                        <td>总数</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>已确认</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>未确认</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>确认率</td>
                                        <td></td>
                                    </tr>
                                </table>
                            </el-col>
                            <el-col :span="1"></el-col>
                        </el-row>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
    <div class="pd14 vany_authority" style="padding: 0 14px 14px 14px;">
        <el-row :gutter="18">
            <el-col :span="12">
                <div style="background-color: #fff;padding-top:10px;">
                    <div style="padding: 0 10px">
                        <el-col :span="12"><b>消息发送统计</b></el-col>
                        <el-col :span="12">
                            <el-row type="flex" justify="end">
                                <span class="span_ed"></span>发送成功<span class="span_un"></span>发送失败
                            </el-row>
                        </el-col>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="13">
                                <div id="msg-send-chart" style="width:100%; height:250px;"></div>
                            </el-col>
                            <el-col :span="10">
                                <table class="chart-tab table table-hover table-bordered" id="send-tab">
                                    <tr>
                                        <td>总数</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>发送成功</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>发送失败</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>成功率</td>
                                        <td></td>
                                    </tr>
                                </table>
                            </el-col>
                            <el-col :span="1"></el-col>
                        </el-row>
                    </div>
                </div>
            </el-col>
            <el-col :span="12">
                <div style="background-color: #fff;padding-top:10px;">
                    <div style="padding: 0 10px">
                        <el-col :span="12"><b>消息回复统计</b></el-col>
                        <el-col :span="12">
                            <el-row type="flex" justify="end">
                                <span class="span_ed"></span>已回复<span class="span_un"></span>已回复
                            </el-row>
                        </el-col>
                    </div>
                    <div>
                        <el-row>
                            <el-col :span="13">
                                <div id="msg-reply-chart" style="width:100%; height:250px;"></div>
                            </el-col>
                            <el-col :span="10">
                                <table class="chart-tab table table-hover table-bordered" id="reply-tab">
                                    <tr>
                                        <td>总数</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>已回复</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>未回复</td>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <td>回复率</td>
                                        <td></td>
                                    </tr>
                                </table>
                            </el-col>
                            <el-col :span="1"></el-col>
                        </el-row>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</div>
<script type="text/javascript" src="templates/authority/sendedMessage/js/echarts.min.js"></script>
<script type="text/javascript" src="templates/authority/sendedMessage/js/messageStatistic.js"></script>
<script type="text/javascript" src="templates/authority/sendedMessage/js/sendedMessagePublic.js"></script>

